<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简易导航栏</title>
    <style type="text/css">

        #nav {
            width: 730px;
            height: 50px;
            background-color: #DFD4B5;
            margin: auto;
        }

        /*子类选择器 > */
        #nav > ul {
            font-weight: bold;
            font-size: small;
            line-height: 50px;
            margin: auto;
        }

        #nav > ul > li {
            list-style-type: none;
            float: left;
        }

        #nav span {
            padding-left: 10px;
            padding-right: 10px;
        }

        li:hover {
            color: blue;
            text-decoration: underline;
            cursor: pointer;
        }

        li:active {
            color: red;
        }

        #divcss5 {
            margin: 0 auto;
            border: 1px solid #000;
            width: 600px;
            height: 600px
        }
    </style>
</head>
<body>
<div id="nav">
    <ul>
        <li><a href="{{ url_for('nav') }}">首页<span>|</span></li>
        <li><a href="{{ url_for('zxt') }}">折线图<span>|</span></li>
        <li><a href="{{ url_for('bing') }}">饼状图<span>|</span></li>
        <li><a href="{{ url_for('three_d') }}">3D图<span>|</span></li>
        <li><a href="{{ url_for('rose') }}">玫瑰图<span>|</span></li>
        <li><a href="{{ url_for('ldt') }}">漏斗图<span>|</span></li>
        <li><a href="{{ url_for('zzt') }}">柱状图<span>|</span></li>
        <li><a href="{{ url_for('wordcloud') }}">词云图<span>|</span></li>
        <li><a href="{{ url_for('sdt') }}">散点图</li>
    </ul>
</div>
<div id="divcss5">
    <img src="/static/image/logo2.jpg">
</div>
</body>
</html>